/**
 * 针对 https://github.com/xaboy/form-create-designer 封装的工具类
 */

// 编码表单 Conf
export const encodeConf = (designerRef: object) => {
	// @ts-ignore
	return JSON.stringify(designerRef.value.getOption());
};

// 编码表单 Fields
export const encodeFields = (designerRef: object) => {
	// @ts-ignore
	const rule = designerRef.value.getRule();
	return JSON.stringify(rule);
};

// 解码表单 Fields
export const decodeFields = (fields: string) => {
	return JSON.parse(fields);
};

// 设置表单的 Conf 和 Fields
export const setConfAndFields = (designerRef: object, conf: string, fields: string) => {
	// @ts-ignore
	designerRef.value.setOption(JSON.parse(conf));
	// @ts-ignore
	designerRef.value.setRule(decodeFields(fields));
};

// 设置表单的 Conf 和 Fields
export const setConfAndFields2 = (detailPreview: object, conf: string, fields: string, value?: object) => {
	// @ts-ignore
	detailPreview.value.option = JSON.parse(conf);
	// @ts-ignore
	detailPreview.value.rule = decodeFields(fields);
	if (value) {
		// @ts-ignore
		detailPreview.value.value = value;
	}
};
